import type { GlobalThemeOverrides } from 'naive-ui'
import * as Color from './color'

export const naiveTheme: GlobalThemeOverrides = {
  'common': {
    'textColorBase': Color.char500,
    'baseColor': Color.main500,
    'bodyColor': Color.secondary500,
    'modalColor': Color.secondary400,
    'cardColor': Color.main500,
    'popoverColor': Color.secondary400,
    'primaryColorHover': Color.primary300,
    'primaryColorPressed': Color.primary400,
    'primaryColor': Color.primary500,
    'primaryColorSuppl': Color.primary600,
    'errorColorHover': Color.error300,
    'errorColorPressed': Color.error400,
    'errorColor': Color.error500,
    'errorColorSuppl': Color.error600,
    'successColorHover': Color.success300,
    'successColorPressed': Color.success400,
    'successColor': Color.success500,
    'successColorSuppl': Color.success600,
    'warningColorHover': Color.warning300,
    'warningColorPressed': Color.warning400,
    'warningColor': Color.warning500,
    'warningColorSuppl': Color.warning600,
    'infoColorHover': Color.info300,
    'infoColorPressed': Color.info400,
    'infoColor': Color.info500,
    'infoColorSuppl': Color.info600
  },
  'DataTable': {
    'tdColor': Color.secondary500,
    'thColor': Color.main400
  },
  'Card': {
    'color': Color.main400
  }
}